// 1.导入pinia模块
import { defineStore } from "pinia";
import {computed, reactive, ref} from "vue";

// 2.配置（hooks语法）
export const useStore=defineStore("mian",()=>{
    // 属性
    const num=ref<number>(10);
    interface ObjT{
        name:string,
        age:number
    }
    const obj=reactive<ObjT>({
        name:"小米",
        age:19
    });
    // 计算属性
    const numTwo=computed<number>(()=>{
        return num.value*2;
    })
    const numThree=computed<number>(()=>{
        return num.value*3;
    })
    // 方法
    const add=()=>{
        num.value++;
    }
    const sub=()=>{
        num.value--;
    }
    const change=()=>{
        obj.name="张三";
    }

    // 在外面能拿到的数据或方法，都必须使用return返回出去
    return {
        num,
        obj,
        numTwo,
        numThree,
        add,
        sub,
        change
    }

})